<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车页</title>
    <script src="./js/jquery.js"></script>
    <script src="./js/5.buycar.js"></script>
    <script src="./js/layer/layer.js"></script>
    <link rel="stylesheet" href="./css/5.buycar.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2641769_736pwgivr1n.css">
</head>

<body>
    <!-- header开始 -->
    <div class="header">
        <div class="main">
            <div class="top fs12">
                <p class="scrollWord fl">
                    欢迎来到邦购网，全场实付满99元包邮，本网站多为断码限量商品，支持14天无理由退换货，不支持退差价，感谢理解！受疫情影响，部分地区执行物流及疫区管控，导致包裹派件延迟甚至无法送达等问题，给您带来不便敬请谅解，若有疑问请联系客服中心，我们将竭诚为您服务！
                </p>
                <div class="close fr">X关闭</div>
            </div>
            <div class="dibu fr fs12">
                <div class="loginBef">
                    <div class="header-item after-login">你好
                        <a href="./4.login.html">登录</a>
                    </div>
                    <div class="header-item after-login">
                        <a href="./3.reg.html" style="color: #ff4554;">注册</a>
                    </div>
                </div>
                <div class="loginAfter">
                    <div class="header-item">你好
                        <span class="username"></span>
                        <a href="javascript:void(0)" class="exit">[退出]</a>
                    </div>
                </div>
                <div class="header-item">
                    <a href="">我的邦购</a>
                    <div class="tabMenu">
                        <a href="">我的订单</a>
                        <a href="">我的积分</a>
                        <a href="">我的收藏</a>
                        <a href="">收货地址</a>
                    </div>
                </div>
                <div class="header-item">
                    <a href="">联系客服</a>
                </div>
                <div class="header-item phone">
                    <span class="iconfont icon-shouji"></span>
                    <a href="">下载APP</a>
                    <div class="erweima pos-a">
                        <img src="./images/erweima.png" alt="">
                    </div>
                </div>
                <div class="header-item">
                    <a href="">微博</a>
                </div>
                <div class="header-item">
                    <a href="">微信</a>
                    <div class="erweima pos-a">
                        <img src="./images/erweima.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- header结束 -->
    <!-- logo行开始 -->
    <div class="logoLine">
        <div class="logoLine-inner">
            <div class="logo-box fl">
                <a href="./index.html">
                    <img src="./images/logo.png" alt="">
                </a>
            </div>
            <div class="step-box fr">
                <div class="step-item fl">
                    <div class="step-num active">1</div>
                    查看购物车
                </div>
                <div class="step-arrow fl">
                    <span class="iconfont icon-zuojiantou"></span>
                </div>
                <div class="step-item fl">
                    <div class="step-num">2</div>
                    订单确认
                </div>
                <div class="step-arrow fl">
                    <span class="iconfont icon-zuojiantou"></span>
                </div>
                <div class="step-item fl">
                    <div class="step-num">3</div>
                    订单支付
                </div>
            </div>
        </div>
    </div>
    <!-- logo行结束 -->

    <div class="otherBox">
        <!-- 商品展示开始 -->
        <div class="cart-goods-title">全部商品</div>
        <div class="cart-goods-box">
            <div class="goods-header">
                <label for="" class="check-item fl">
                    <span class="checkBox all">
                        <span class="iconfont icon-querenduigougouhao pos-a"></span>
                    </span>
                    全选
                </label>
                <div class="header-item1 fl">商品信息</div>
                <div class="header-item2 fl">尺码/颜色</div>
                <div class="header-item3 fl">价格</div>
                <div class="header-item4 fl">数量</div>
                <div class="header-item5 fl">小计</div>
                <div class="header-item6 fl">操作</div>
            </div>
            <div class="cart-collection">
                <div class="check-bar">
                    <label for="">
                        <span class="checkBox">
                            <span class="iconfont icon-querenduigougouhao pos-a"></span>
                        </span>
                        自营店铺
                    </label>
                </div>
                <!-- 单个商品开始 -->
                <div class="cart-content">

                </div>
                <!-- 单个商品结束 -->
            </div>
        </div>
        <!-- 商品展示下面的按钮与结算开始 -->
        <div class="cart-btn">
            <div class="cart-inner">
                <label for="" class="check-item fl">
                    <span class="checkBox all">
                        <span class="iconfont icon-querenduigougouhao pos-a"></span>
                    </span>
                    全选
                </label>
                <div class="action-btn fl">
                    <a href="javascript:void(0)" class="dele">删除</a>
                    <a href="javascript:void(0)">清除失效商品</a>
                    <a href="javascript:void(0)">移入收藏夹</a>
                </div>
                <div class="total-info fr">
                    <!-- 已选商品几件 -->
                    <div class="total-num-box fl">
                        <div class="num">已选商品
                            <span class="number"></span>件
                        </div>
                    </div>
                    <!-- 总计价格 -->
                    <div class="priceBox fl">
                        <p class="total-price">
                            合计(不含运费):
                            <i>￥</i>
                            <span></span>
                        </p>
                        <p class="zongji">
                            商品总价:¥<span></span>
                            优惠:¥0.00
                        </p>
                    </div>
                    <!-- 结算按钮 -->
                    <button type="button" class="submit-btn pos-a">结算</button>
                </div>
            </div>
        </div>
        <!-- 商品展示下面的按钮与结算结束 -->
        <!-- 商品展示结束 -->
        <!-- 最近浏览开始 -->
        <div class="goods-browser">
            <div class="browser-tit">最近浏览</div>
            <div class="browserBox">
                <!-- 左右箭头 -->
                <div class="browser-arrow afl fl">
                    <span class="iconfont icon-shanyidaohangtubiao_zuojiantou"></span>
                </div>
                <!-- 中间主体内容 -->
                <div class="browser-content fl">
                    <div class="browser-item">
                        <a href="./2.details.html" class="img-box">
                            <img src="./images/loupe-small/small_4.jpg" alt="">
                        </a>
                        <a href="./2.details.html" class="txt">Metersbonwe 女MTEE史迪奇可爱绣印花短袖T恤</a>
                        <p class="goods-price">
                            <span>￥169</span>
                            <a href="./2.details.html" class="add-to-cart fr">加入购物袋</a>
                        </p>
                    </div>
                    <div class="browser-item">
                        <a href="./2.details.html" class="img-box">
                            <img src="./images//girls_2.jpg" alt="">
                        </a>
                        <a href="./2.details.html" class="txt">ME＆CITY 女浪漫连衣裙544851</a>
                        <p class="goods-price">
                            <span>￥549</span>
                            <a href="./2.details.html" class="add-to-cart fr">加入购物袋</a>
                        </p>
                    </div>
                </div>
                <!-- 左右箭头 -->
                <div class="browser-arrow afr fr">
                    <span class="iconfont icon-haitunbaoxianjingjialituku_huaban1fuben20"></span>
                </div>
            </div>
        </div>
        <!-- 最近浏览结束 -->
    </div>
    <!-- 合作方式开始 -->
    <div class="concat">
        <div class="box main">
            <a href="">
                <img src="./images/client.png" alt="">
            </a>
            <a href="">
                <img src="./images/weibo.png" alt="">
            </a>
            <a href="">
                <img src="./images/weixin.png" alt="">
            </a>
            <a href="">
                <img src="./images/tel.jpg" alt="">
            </a>
        </div>
    </div>
    <!-- 合作方式结束 -->
    <!-- content结束 -->
    <!-- foot开始 -->
    <div class="footer">
        <div class="guide">
            <div class="line1">
                <div class="text main">
                    <ul>
                        <li>新手指南</li>
                        <li>购物指南</li>
                        <li>配送方式</li>
                        <li>支付方式</li>
                        <li>售后服务</li>
                        <li>联系方式</li>
                    </ul>
                </div>
            </div>
            <div class="line2 main">
                <dl>
                    <dd><a href="">注册新用户</a></dd>
                    <dd><a href="">用户协议</a></dd>
                    <dd><a href="">找回密码</a></dd>
                </dl>
                <dl>
                    <dd><a href="">红包使用说明</a></dd>
                    <dd><a href="">购物流程</a></dd>
                    <dd><a href="">订单状态</a></dd>
                    <dd><a href="">邦购币绑定与使用</a></dd>
                    <dd><a href="">积分说明</a></dd>
                </dl>
                <dl>
                    <dd><a href="">配送范围</a></dd>
                    <dd><a href="">订单拆分</a></dd>
                    <dd><a href="">商品验货与签收</a></dd>
                </dl>
                <dl>
                    <dd><a href="">发票制度</a></dd>
                    <dd><a href="">支付方式</a></dd>
                </dl>
                <dl>
                    <dd><a href="">退换货政策</a></dd>
                    <dd><a href="">退换办理流程</a></dd>
                    <dd><a href="">退款说明</a></dd>
                </dl>
                <dl>
                    <dd><a href="">在线客服</a></dd>
                    <dd><a href="">咨询电话：4008219988</a></dd>
                </dl>
            </div>
            <div class="line3 main">
                <p>CopyRight © 2000-2021, 版权所有 上海美特斯邦威服饰股份有限公司</p>
                <a href="">沪ICP备05033127号-29</a>|沪ICP证B2-20150114 021-38119999&nbsp;
                <a href="">营业执照</a>&nbsp;
                <a href="">商品分类</a>
            </div>
            <div class="line4 main">
                <a href="">
                    <img src="./images/footer_1.png" alt="">
                </a>
                <a href="">
                    <img src="./images/footer_2.jpg" alt="">
                </a>
            </div>
            <div class="line5 main">
                <a href="">
                    <img src="./images/footer_3.png" alt="">
                    <p>&nbsp;沪公网安备 31011502011592号</p>
                </a>
            </div>
        </div>
    </div>
    <!-- foot结束 -->

    <div class="fixedBox">
        <div class="back">
            <div class="tubiao">
                <span class="iconfont icon-shangjiantou"></span>
            </div>
            <div class="txt">TOP</div>
        </div>
        <div class="consult pos-a">
            <div class="tubiao">
                <span class="iconfont icon-zaixianzixun"></span>
            </div>
            <div class="txt">在线咨询</div>
        </div>
    </div>

    <!-- 购物车为空时开始 -->
    <div class="empty-cart main pos-a">
        <div class="empty-img-fl fl">
            <img src="./images/empty-car.jpg" alt="">
        </div>
        <div class="empty-info fl">
            <h3>购物车为空</h3>
            <p class="dec">再忙，也要记得买点什么犒赏自己</p>
            <p>
                <a href="./index.html" class="go-to">去逛逛</a>
            </p>
        </div>
    </div>
    <!-- 购物车为空时结束 -->

</body>

</html>